<template>
  <div>
    <div>child4组件 - {{ age }}</div>
    <ul>
      <li v-for="item in oddList" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
import { mapGetters, mapState } from "vuex";

export default {
  // 引入getters也是用计算属性
  // computed: {
  //   oddList() {
  //     // return this.$store.state.list.filter((item) => item % 2);
  //     return this.$store.getters.oddList;
  //   },
  // },
  computed: {
    ...mapGetters(["oddList"]),
    ...mapState(["age"]),
  },
};
</script>
